<div id="myCarousel" class="carousel slide">
    <div class="carousel-inner">
        <div class="item active">
            <img src="images/tasks_perspective.png" alt="">

            <div class="carousel-caption">
                <h4>Task Management</h4>

                <p>Manage your Personal and Group Tasks.</p>
            </div>
        </div>
        <div class="item">
            <img src="images/tasks_calendar_view.png" alt="">

            <div class="carousel-caption">
                <h4>Grid & Calendar View</h4>

                <p>Choose between the classic tabular view and a Calendar view for a more time oriented arrangement. </p>
            </div>
        </div>
        <div class="item">
            <img src="images/task_form.png" alt="">

            <div class="carousel-caption">
                <h4>Task Forms</h4>

                <p>Work on your tasks using the Task Form Modeller integration.</p>
            </div>
        </div>
        <div class="item">
            <img src="images/task_ad-hoc.png" alt="">

            <div class="carousel-caption">
                <h4>Task Details</h4>

                <p>Update your tasks or check the task history.</p>
            </div>
        </div>
        <div class="item">
            <img src="images/task_comments.png" alt="">

            <div class="carousel-caption">
                <h4>Task Comments</h4>

                <p>Collaborate with your team members via Task Comments.</p>
            </div>
        </div>
       
    </div>
    <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
    <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>
